<template>
  <view class="container">
    <view style="height: 5rpx;background-color: #f2f2f2;">
      
    </view>
    <view class="img">
      <image src="@/static/logo.png" mode="" class="image"></image>
    </view>
    <view class="remarks">
      更换头像
    </view>
    <u-cell-group>
      <u-cell-item title="昵称" value="张三" :border-bottom="false"></u-cell-item>
      <u-cell-item title="手机号" value="1300000000" :border-bottom="false"></u-cell-item>
      <u-cell-item title="邮箱" value="dajksdhkj@qq.com" :border-bottom="false"></u-cell-item>
      <u-cell-item title="修改密码" :border-bottom="false"></u-cell-item>
    </u-cell-group>
  </view>
</template>

<script>
</script>

<style lang="scss">
  .container {
    background-color: #fff;
    overflow: hidden;
    .img {
      margin: 30rpx auto 15rpx;
      text-align: center;
      background-color: #fff;

      .image {
        width: 120rpx;
        height: 120rpx;
        border-radius: 50%;
      }
    }

    .remarks {
      margin-bottom: 15rpx;
      font-size: 28rpx;
      text-align: center;
    }

  }
</style>